<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>首页</title>

    <link rel="stylesheet" href="bootstrap/css/bootstrap.css">
    <link rel="stylesheet" href="bootstrap/css/fileinput.min.css">
    <link rel="stylesheet" href="css/home.css">
</head>
<body>
    <div class="container-fluid">
        <a href="#" class="btn btn-primary btn-lg btn-block" role="button" data-toggle="modal" data-target="#info">信息</a>
        <a href="#" class="btn btn-info btn-lg btn-block" role="button" data-toggle="modal" data-target="#upload">上传</a>
        <a href="#" class="btn btn-success btn-lg btn-block" id="testScript" role="button">测试</a>
    </div>
    <!-- Modal -->
    <div class="modal fade" id="info" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title">用户信息</h4>
                </div>
                <div class="modal-body">
                    <form class="form-horizontal" id="userForm">
                        <div class="row form-group">
                            <label for="username" class="col-sm-offset-1 col-sm-2 control-label">姓名</label>
                            <div class="col-sm-8">
                                <input type="text" class="form-control" id="username" name="username" placeholder="姓名">
                            </div>
                        </div>
                        <div class="row form-group">
                            <label for="education" class="col-sm-offset-1 col-sm-2 control-label">学历</label>
                            <div class="col-sm-8">
                                <input type="text" class="form-control" id="education" name="education" placeholder="学历">
                            </div>
                        </div>
                        <div class="row form-group">
                            <label for="email" class="col-sm-offset-1 col-sm-2 control-label">邮箱</label>
                            <div class="col-sm-8">
                                <input type="text" class="form-control" id="email" name="email" placeholder="邮箱">
                            </div>
                        </div>
                        <div class="row form-group">
                            <label for="phone" class="col-sm-offset-1 col-sm-2 control-label">手机号</label>
                            <div class="col-sm-8">
                                <input type="text" class="form-control" id="phone" name="phone" placeholder="手机号">
                            </div>
                        </div>
                        <div class="row form-group">
                            <label for="province" class="col-sm-offset-1 col-sm-2 control-label">省份</label>
                            <div class="col-sm-8">
                                <select class="form-control" id="province" name="province">
                                    <option>江苏</option>
                                    <option>河南</option>
                                    <option>安徽</option>
                                    <option>浙江</option>
                                    <option>广东</option>
                                </select>
                            </div>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                    <button type="button" id="submitInfo" class="btn btn-primary">提交</button>
                </div>
            </div>
        </div>
    </div><!-- Modal -->
    <!-- Modal -->
    <div class="modal fade" id="upload" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title">文件上传</h4>
                </div>
                <div class="modal-body">
                    <form class="form-horizontal" enctype="multipart/form-data">
                        <div class="row form-group">
                            <div class="col-sm-offset-1 col-sm-10">
                                <input id="files" name="files" type="file" multiple class="file">
                            </div>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                </div>
            </div>
        </div>
    </div><!-- Modal -->
    <!-- Modal -->
    <div class="modal fade" id="result" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title">结果</h4>
                </div>
                <div class="modal-body">
                    <div id="resultSet"></div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                    <button type="button" id="submitConfig" class="btn btn-primary">提交</button>
                </div>
            </div>
        </div>
    </div><!-- Modal -->

    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="bootstrap/js/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="bootstrap/js/bootstrap.min.js"></script>
    <script src="bootstrap/js/fileinput.min.js"></script>
    <script src="bootstrap/js/fileinput_locale_zh.js"></script>
    <script src="js/home.js"></script>
</body>
</html>